<template>
  <div>
    <div class="details-eval-p-parameter">
      <ul class="details-eval-p-parameter-list" id="parameter-brand">
        <li>
          品牌：
          <a href>ISSEY MIYAKE</a>
        </li>
      </ul>
      <ul class="details-eval-p-parameter-list">
        <li>商品名称：ISSEY MIYAKE香水</li>
        <li>商品编号：100002495802</li>
        <li>商品毛重：160.00g</li>
        <li>商品产地：法国</li>
        <li>国产/进口：进口</li>
        <li>适用性别：女士</li>
        <li>产品产地：法国</li>
        <li>香调：其它</li>
        <li>类别：淡香水EDT</li>
        <li>包装：独立包装</li>
        <li>规格：16-30mL</li>
        <li>适用场景：日常，职场，聚会，运动，约会，休闲，情趣，送礼，户外，其它</li>
      </ul>
      <p class="details-eval-more-par">
        <a href>更多参数</a>
        <s>>></s>
      </p>
    </div>
    <!-- 图片 -->
    <div class="details-eval-detail-content">
      <div class="details-eval-detail-content-wrap">
        <div id="tencent-video">
          <div id="detail-video-player" class="video-js detail-video-player-dimensions">
            <video src="../../../../../assets/img/details/v.f30.mp4" type="video/mp4"></video>
          </div>
        </div>
        <div class="detail-eval-content-item">
          <div>
            <img src="../../../../../assets/img/details/74052745e129fa9c.jpg" alt />
            <img src="../../../../../assets/img/details/1100d89e5fe52134.jpg" alt />
            <img src="../../../../../assets/img/details/24928df88e9bacb1.jpg" alt />
            <img src="../../../../../assets/img/details/9365253c9561046d.jpg" alt />
            <img src="../../../../../assets/img/details/d1a006c3ee769296.jpg" alt />
            <img src="../../../../../assets/img/details/50998584d1ce42be.jpg" alt />
            <img src="../../../../../assets/img/details/4b6223136b0791be.jpg" alt />
            <img src="../../../../../assets/img/details/33a68f6902f6a9aa.jpg" alt />
            <img src="../../../../../assets/img/details/568ba23941bb3eaa.gif" alt />
            <img src="../../../../../assets/img/details/cb9eb9af64419858.jpg" alt />
            <img src="../../../../../assets/img/details/1e7079828693b374.gif" alt />
            <img src="../../../../../assets/img/details/a41b9258c021b614.jpg" alt />
            <img src="../../../../../assets/img/details/a8d3028113665959.jpg" alt />
            <img src="../../../../../assets/img/details/9d28eda31d5bcebe.jpg" alt />
            <img src="../../../../../assets/img/details/91266d6f288394dd.jpg" alt />
            <img src="../../../../../assets/img/details/1b1fba0d07e91b27.jpg" alt />
            
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.details-eval-p-parameter {
  padding: 10px;
}
.details-eval-p-parameter-list {
  padding: 20px 0 15px;
  overflow: hidden;
}
#parameter-brand li {
  width: 50%;
  padding-left: 42px;
  float: left;
  margin-bottom: 5px;
}
.details-eval-p-parameter li {
  width: 200px;
  padding-left: 42px;
  float: left;
  margin-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.details-eval-more-par {
  padding-right: 20px;
  margin-top: -5px;
  text-align: right;
}
.details-eval-more-par a,
.details-eval-more-par sapn {
  color: #005aa0;
}

/* 图片 */
.details-eval-detail-content {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #f7f7f7;
  overflow: hidden;
}
.details-eval-detail-content-wrap {
  width: 100%;
  float: left;
  background-color: #fff;
}
#detail-video-player {
  display: block;
  margin: 0 auto;
}
.video-js {
  font-size: 14px;
  overflow: hidden;
}
.video-js {
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
}
.detail-video-player-dimensions {
  width: 750px;
  height: 422px;
}
.detail-eval-content-item {
  width: 100%;
}
.detail-eval-content-item img {
  border: 0;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
</style>


